<template>
  <div>
      <h2>四大价值</h2>
      <div v-for="(v,i) in this.$store.getters.newarr" :key="i"  class="near2">
          <div class="near2-1">
          <h6>{{v.h1}}</h6>
          <div class="near2-2">
              <p>{{v.h2}}</p>
              <img :src="v.img" alt="">
          </div>
      </div>
      </div>
  </div>
</template>

<script>
export default {
    created(){
        this.$store.dispatch("link",{url:"/data/near2"})
    },
}
</script>

<style scoped>
.near2{
    padding: .1rem .1rem; 
}
   .near2-1{
      margin-top: .2rem;
       margin: auto;
   }
   h2{
       text-align: center;
   }
   .near2-2{
       display: flex;
   }
   img{
       width: .4rem;
       height: .4rem;
   }
   h6{
       font-size: .16rem;
       font-weight: 600;
   }
</style>